<template>
    <el-tabs v-model="activeName" class="tabs" type="border-card">
        <el-tab-pane name="mechanism" label="第三方机构列表"><Mechanism /></el-tab-pane>
        <el-tab-pane name="mechanism_examine" label="机构申请审核"><MechanismExamine /></el-tab-pane>
    </el-tabs>
</template>

<script setup>
    import { ref,getCurrentInstance,onActivated } from 'vue'
    import Mechanism from './mechanism.vue'
    import MechanismExamine from './mechanism_examine.vue'
    let { proxy } = getCurrentInstance()

    let activeName = ref('mechanism')
    onActivated((e)=>{
        activeName.value = proxy.$route.query.tabname||'mechanism'
    })
</script>

<style lang="scss" scoped>
    .tabs {
         display: flex; flex-direction: column; height: 100%; box-shadow: none; border-radius: 5px; border: 0; 
    }
    .tab { height: 100%; }
</style>